# คู่มือการใช้งานระบบตรวจสอบเครื่องปรับอากาศ
## Air Conditioner Monitoring System

**เวอร์ชัน:** 1.0  
**อัพเดทล่าสุด:** 5 กุมภาพันธ์ 2569

---

## 📋 สารบัญ

1. [การเข้าใช้งานระบบ](#1-การเข้าใช้งานระบบ)
2. [ส่วนประกอบของหน้าจอหลัก](#2-ส่วนประกอบของหน้าจอหลัก)
3. [การบันทึกข้อมูลการตรวจสอบ](#3-การบันทึกข้อมูลการตรวจสอบ)
4. [การค้นหาและจัดการข้อมูล](#4-การค้นหาและจัดการข้อมูล)
5. [การดูสถิติ](#5-การดูสถิติ)
6. [คำถามที่พบบ่อย](#6-คำถามที่พบบ่อย)

---

## 1. การเข้าใช้งานระบบ

### 1.1 การเปิดโปรแกรม

**ขั้นตอนที่ 1: เปิดเซิร์ฟเวอร์**

1. ไปที่โฟลเดอร์ `air_Monitor V1.0`
2. ดับเบิลคลิกไฟล์ `start_server.bat`
3. รอจนกว่าจะเห็นข้อความ `Server running on port 3004`

> ⚠️ **คำเตือน:** อย่าปิดหน้าต่าง Command Prompt ที่เปิดขึ้นมา เพราะจะทำให้เซิร์ฟเวอร์หยุดทำงาน

**ขั้นตอนที่ 2: เปิดโปรแกรมในเบราว์เซอร์**

เลือกวิธีใดวิธีหนึ่ง:
- **วิธีที่ 1:** ดับเบิลคลิกไฟล์ `open_browser.bat`
- **วิธีที่ 2:** เปิดเบราว์เซอร์แล้วพิมพ์ `http://localhost:3004`

---

## 2. ส่วนประกอบของหน้าจอหลัก

### 2.1 เมนูด้านซ้าย (Sidebar)

| ไอคอน | ชื่อเมนู | หน้าที่ |
|-------|----------|---------|
| 📋 | **การตรวจสอบ** | หน้าบันทึกการตรวจสอบ (หน้าหลัก) |
| 📊 | **สถิติ** | หน้าแสดงสถิติและกราฟสรุป |
| 🔍 | **ค้นหาและจัดการข้อมูล** | หน้าจัดการข้อมูลทั้งหมด |

### 2.2 ส่วนหัว (Header)

- **ชื่อระบบ:** "ระบบตรวจสอบเครื่องปรับอากาศ"
- **ปุ่ม 🌙:** สลับโหมดสว่าง/มืด
- **ปุ่ม 🔄 รีเฟรช:** โหลดข้อมูลใหม่
- **วันที่ปัจจุบัน:** แสดงวันที่และเวลาปัจจุบัน

### 2.3 ตาราง "5 รายการล่าสุด"

แสดงข้อมูลการตรวจสอบล่าสุด 5 รายการ ประกอบด้วย:

**คอลัมน์ในตาราง (13 คอลัมน์):**
1. วันที่
2. ID อุปกรณ์
3. สถานที่ตั้ง
4. ยี่ห้อ
5. BTU
6. ชนิดแอร์
7. คอมเพรสเซอร์ (แสดงเป็น ✓ หรือ ✗)
8. คอยล์ร้อน (แสดงเป็น ✓ หรือ ✗)
9. พัดลม (แสดงเป็น ✓ หรือ ✗)
10. คอยล์เย็น (แสดงเป็น ✓ หรือ ✗)
11. ระบบระบายน้ำ (แสดงเป็น ✓ หรือ ✗)
12. ผู้ตรวจ
13. สถานะ (ปกติ/ผิดปกติ)

**สัญลักษณ์:**
- ✓ (สีเขียว) = ระบบทำงานปกติ
- ✗ (สีแดง) = ระบบมีปัญหา

---

## 3. การบันทึกข้อมูลการตรวจสอบ

### 3.1 ส่วนที่ 1: ข้อมูลเบื้องต้น

| ฟิลด์ | วิธีกรอก | ตัวอย่าง | หมายเหตุ |
|-------|----------|----------|----------|
| **วันที่** | เลือกจากปฏิทิน | 05/02/2569 | ระบบตั้งค่าเป็นวันปัจจุบันอัตโนมัติ |
| **ID อุปกรณ์** | เลือกจาก dropdown | AC-001 | **สำคัญ:** เลือกก่อนเพื่อให้ระบบกรอกข้อมูลอื่นอัตโนมัติ |
| **หมายเลขทรัพย์สิน** | กรอกอัตโนมัติ | AST-2024-001 | ไม่ต้องกรอกเอง |
| **สถานที่ตั้ง** | กรอกอัตโนมัติ | ห้องประชุม A ชั้น 1 | ไม่ต้องกรอกเอง |
| **ชื่ออุปกรณ์** | กรอกอัตโนมัติ | AC-001 | ไม่ต้องกรอกเอง |

> 💡 **เคล็ดลับ:** เมื่อเลือก ID อุปกรณ์แล้ว ระบบจะดึงข้อมูลจากทะเบียนอุปกรณ์มากรอกให้อัตโนมัติ

---

### 3.2 ส่วนที่ 2: ข้อมูลจำเพาะอุปกรณ์

ระบบจะแสดงข้อมูลอัตโนมัติจากทะเบียนอุปกรณ์:

| ฟิลด์ | คำอธิบาย | ตัวอย่าง |
|-------|----------|----------|
| **ยี่ห้อ** | ยี่ห้อเครื่องปรับอากาศ | Daikin, Mitsubishi, Samsung, LG |
| **ขนาด BTU** | ขนาดความเย็น (British Thermal Unit) | 9000, 12000, 18000, 24000 |
| **ชนิดน้ำยา** | ประเภทสารทำความเย็น | R32, R410A, R22 |
| **ชนิดแอร์** | ประเภทเครื่องปรับอากาศ | แบบแยกส่วน, แบบตู้ตั้งพื้น, แบบติดผนัง |
| **ประเภทไฟ** | ระบบไฟฟ้าที่ใช้ | 1 เฟส, 3 เฟส |

> 📝 **หมายเหตุ:** ข้อมูลเหล่านี้ดึงมาจากไฟล์ `equipment_registry.json` หากต้องการแก้ไข ให้แก้ที่ไฟล์ดังกล่าว

---

### 3.3 ส่วนที่ 3: ประเภทงาน

เลือกประเภทงานที่ทำการตรวจสอบ:

| ปุ่ม | ความหมาย | เมื่อใช้ | สีปุ่ม |
|------|----------|----------|--------|
| **PM/MA** | Preventive Maintenance / Maintenance | ตรวจสอบตามกำหนดการปกติ | น้ำเงิน |
| **แจ้งซ่อม** | งานซ่อมแซมตามการแจ้ง | มีการแจ้งซ่อมจากผู้ใช้งาน | แดง |

**การทำงาน:**
- เมื่อเลือก **PM/MA** = งานบำรุงรักษาตามแผน
- เมื่อเลือก **แจ้งซ่อม** = จะมีช่อง "หมายเลขแจ้งซ่อม" ปรากฏขึ้นให้กรอกเพิ่มเติม

---

### 3.4 ส่วนที่ 4: สถานะระบบเครื่องแอร์

ตรวจสอบและเลือกสถานะของแต่ละระบบ:

#### **1. คอมเพรสเซอร์ (Compressor System)**

| สถานะ | เลือก | เงื่อนไข |
|-------|-------|----------|
| **ปกติ (/)** | เมื่อ | ทำงานปกติ, ไม่มีเสียงผิดปกติ, อุณหภูมิปกติ |
| **ผิดปกติ (X)** | เมื่อ | เสียงดัง, สั่น, ร้อนผิดปกติ, ทำงานหนัก |

**ตัวอย่างปัญหา:** คอมเพรสเซอร์ทำงานหนัก, มีเสียงดังผิดปกติ

#### **2. คอยล์ร้อน (Condenser Coil)**

| สถานะ | เลือก | เงื่อนไข |
|-------|-------|----------|
| **ปกติ (/)** | เมื่อ | สะอาด, ไม่รั่ว, ไม่เสียหาย |
| **ผิดปกติ (X)** | เมื่อ | สกปรก, รั่ว, เสียหาย, งอ |

**ตัวอย่างปัญหา:** คอยล์ร้อนสกปรกมาก ต้องทำความสะอาด

#### **3. ระบบพัดลม (Fan System)**

| สถานะ | เลือก | เงื่อนไข |
|-------|-------|----------|
| **ปกติ (/)** | เมื่อ | หมุนปกติ, เสียงเบา, ไม่สั่น |
| **ผิดปกติ (X)** | เมื่อ | เสียงดัง, สั่น, หมุนช้า, หยุดทำงาน |

**ตัวอย่างปัญหา:** พัดลมมีเสียงดัง ต้องหล่อลื่นแบริ่ง

#### **4. คอยล์เย็น (Evaporator Coil)**

| สถานะ | เลือก | เงื่อนไข |
|-------|-------|----------|
| **ปกติ (/)** | เมื่อ | สะอาด, ไม่รั่ว, ไม่เป็นน้ำแข็ง |
| **ผิดปกติ (X)** | เมื่อ | สกปรก, รั่ว, เป็นน้ำแข็ง, เสียหาย |

**ตัวอย่างปัญหา:** คอยล์เย็นเป็นน้ำแข็ง อาจเกิดจากน้ำยาน้อย

#### **5. ระบบระบายน้ำ (Drainage System)**

| สถานะ | เลือก | เงื่อนไข |
|-------|-------|----------|
| **ปกติ (/)** | เมื่อ | ไหลได้ดี, ไม่อุดตัน, ไม่รั่ว |
| **ผิดปกติ (X)** | เมื่อ | อุดตัน, รั่ว, น้ำท่วม |

**ตัวอย่างปัญหา:** ท่อระบายน้ำอุดตัน น้ำไม่ไหล

---

### 3.5 ส่วนที่ 5: หมายเหตุและการบันทึก

| ฟิลด์ | คำอธิบาย | ตัวอย่าง | บังคับกรอก |
|-------|----------|----------|-----------|
| **หมายเหตุปัญหาที่พบ** | ระบุรายละเอียดปัญหา (ถ้ามี) | "คอยล์ร้อนสกปรกมาก ต้องทำความสะอาด พบน้ำยารั่วเล็กน้อย" | ไม่ |
| **ผู้ตรวจสอบ** | ชื่อผู้ทำการตรวจสอบ | "นายสมชาย ใจดี" | ใช่ |

---

### 3.6 การบันทึกข้อมูล

**ขั้นตอนการบันทึก:**

1. ✅ **ตรวจสอบข้อมูล** - ตรวจสอบข้อมูลทั้งหมดให้ครบถ้วนถูกต้อง
2. ✅ **คลิกปุ่มบันทึก** - คลิกปุ่ม "💾 บันทึกข้อมูลการตรวจสอบ" (สีเขียว)
3. ✅ **รอยืนยัน** - รอข้อความยืนยันการบันทึกสำเร็จ
4. ✅ **ตรวจสอบผลลัพธ์** - ข้อมูลจะปรากฏในตาราง "5 รายการล่าสุด" ทันที

**ปุ่มอื่นๆ:**
- **🔄 ล้างฟอร์ม** - ล้างข้อมูลทั้งหมดในฟอร์ม เพื่อเริ่มกรอกใหม่

**ข้อความยืนยัน:**
- ✅ "บันทึกข้อมูลสำเร็จ!" = บันทึกเรียบร้อย
- ❌ "เกิดข้อผิดพลาด" = มีปัญหา ให้ลองใหม่

---

## 4. การค้นหาและจัดการข้อมูล

### 4.1 การเข้าสู่หน้าจัดการข้อมูล

1. คลิกที่เมนู "🔍 ค้นหาและจัดการข้อมูล" ที่ Sidebar ด้านซ้าย
2. ระบบจะแสดงหน้าจัดการข้อมูล พร้อมตารางข้อมูลทั้งหมด

---

### 4.2 การค้นหาข้อมูล

**ช่องค้นหา:**
- พิมพ์คำค้นหาในช่อง "🔍 ค้นหา..."
- ระบบจะค้นหาจากทุกฟิลด์อัตโนมัติ
- ผลลัพธ์จะแสดงทันทีที่พิมพ์

**ตัวอย่างการค้นหา:**

| ค้นหาจาก | พิมพ์ | ผลลัพธ์ |
|----------|-------|---------|
| ID อุปกรณ์ | `AC-001` | แสดงเฉพาะข้อมูล AC-001 |
| สถานที่ | `ห้องประชุม` | แสดงทุกเครื่องในห้องประชุม |
| ยี่ห้อ | `Daikin` | แสดงเฉพาะยี่ห้อ Daikin |
| ผู้ตรวจ | `สมชาย` | แสดงที่สมชายตรวจสอบ |
| วันที่ | `05/02` | แสดงข้อมูลวันที่ 5 ก.พ. |

---

### 4.3 ตัวกรองข้อมูล

**ตัวกรองที่มี:**

#### **1. กรองตามสถานะ**
- **ทั้งหมด** - แสดงทุกรายการ
- **ปกติ** - แสดงเฉพาะเครื่องที่ทำงานปกติ
- **ผิดปกติ** - แสดงเฉพาะเครื่องที่มีปัญหา

#### **2. กรองตามประเภทงาน**
- **ทั้งหมด** - แสดงทุกประเภท
- **PM/MA** - แสดงเฉพาะงานบำรุงรักษา
- **แจ้งซ่อม** - แสดงเฉพาะงานซ่อมแซม

#### **3. กรองตามช่วงวันที่**
- เลือกวันที่เริ่มต้น
- เลือกวันที่สิ้นสุด
- คลิก "กรอง" เพื่อแสดงผลลัพธ์

---

### 4.4 การแก้ไขข้อมูล

**ขั้นตอน:**

1. **ค้นหาข้อมูล** - ค้นหาข้อมูลที่ต้องการแก้ไข
2. **คลิกปุ่มแก้ไข** - คลิกปุ่ม "✏️ แก้ไข" ในแถวที่ต้องการ
3. **แก้ไขข้อมูล** - ระบบจะแสดงฟอร์มพร้อมข้อมูลเดิม ให้แก้ไขตามต้องการ
4. **บันทึก** - คลิกปุ่ม "💾 อัพเดทข้อมูล"
5. **ยืนยัน** - รอข้อความยืนยันการแก้ไขสำเร็จ

**ข้อมูลที่สามารถแก้ไขได้:**
- วันที่ตรวจสอบ
- สถานะระบบทั้ง 5 ระบบ
- หมายเหตุ
- ผู้ตรวจสอบ
- ประเภทงาน

**ข้อมูลที่ไม่สามารถแก้ไขได้:**
- ID อุปกรณ์
- ข้อมูลจำเพาะอุปกรณ์ (ยี่ห้อ, BTU, ฯลฯ)

---

### 4.5 การลบข้อมูล

**ขั้นตอน:**

1. **ค้นหาข้อมูล** - ค้นหาข้อมูลที่ต้องการลบ
2. **คลิกปุ่มลบ** - คลิกปุ่ม "🗑️ ลบ" ในแถวที่ต้องการลบ
3. **ยืนยัน** - ระบบจะแสดงข้อความยืนยัน "คุณแน่ใจหรือไม่ที่จะลบข้อมูลนี้?"
4. **ยืนยันการลบ** - คลิก "ยืนยัน" เพื่อลบข้อมูล
5. **เสร็จสิ้น** - ข้อมูลจะถูกลบทันที

> ⚠️ **คำเตือนสำคัญ:** การลบข้อมูลไม่สามารถกู้คืนได้ กรุณาตรวจสอบให้แน่ใจก่อนลบ

---

## 5. การดูสถิติ

### 5.1 การเข้าสู่หน้าสถิติ

1. คลิกที่เมนู "📊 สถิติ" ที่ Sidebar ด้านซ้าย
2. ระบบจะแสดงหน้าสถิติพร้อมข้อมูลสรุป

---

### 5.2 การ์ดสรุปข้อมูล

**ข้อมูลที่แสดง:**

| การ์ด | ข้อมูล | สี | ความหมาย |
|-------|--------|-----|----------|
| **จำนวนการตรวจสอบทั้งหมด** | จำนวนรวมทั้งหมด | น้ำเงิน | จำนวนครั้งที่ทำการตรวจสอบ |
| **สถานะปกติ** | จำนวนเครื่องที่ทำงานปกติ | เขียว | เครื่องที่ผ่านการตรวจสอบทุกระบบ |
| **สถานะผิดปกติ** | จำนวนเครื่องที่มีปัญหา | แดง | เครื่องที่มีระบบใดระบบหนึ่งผิดปกติ |

**การคำนวณ:**
- **ปกติ** = ระบบทั้ง 5 ระบบเป็น "/" ทั้งหมด
- **ผิดปกติ** = มีระบบใดระบบหนึ่งเป็น "X"

---

### 5.3 กราฟและแผนภูมิ

#### **1. กราฟแท่ง - จำนวนการตรวจสอบรายเดือน**

**แสดงข้อมูล:**
- แกน X = เดือน (ม.ค., ก.พ., มี.ค., ...)
- แกน Y = จำนวนครั้ง
- แท่งสีน้ำเงิน = จำนวนการตรวจสอบ

**ประโยชน์:** ดูแนวโน้มการตรวจสอบแต่ละเดือน

#### **2. กราฟวงกลม - สัดส่วนสถานะ**

**แสดงข้อมูล:**
- สีเขียว = เปอร์เซ็นต์สถานะปกติ
- สีแดง = เปอร์เซ็นต์สถานะผิดปกติ

**ประโยชน์:** ดูภาพรวมสุขภาพของเครื่องปรับอากาศทั้งหมด

#### **3. ตารางสรุปปัญหาที่พบบ่อย**

**แสดงข้อมูล:**
- ประเภทปัญหา
- จำนวนครั้งที่พบ
- เปอร์เซ็นต์

**ประโยชน์:** วางแผนการบำรุงรักษาเชิงป้องกัน

---

## 6. คำถามที่พบบ่อย

### ❓ ทำไมข้อมูลไม่แสดง?

**สาเหตุที่เป็นไปได้:**
1. เซิร์ฟเวอร์ไม่ได้เปิด
2. การเชื่อมต่อฐานข้อมูลมีปัญหา
3. ข้อมูลยังไม่ถูกบันทึก
4. เบราว์เซอร์แคชข้อมูลเก่า

**วิธีแก้:**
1. ตรวจสอบว่าเซิร์ฟเวอร์ทำงานอยู่ (ดูที่หน้าต่าง Command Prompt)
2. คลิกปุ่ม "🔄 รีเฟรช" ที่มุมขวาบน
3. ลองรีเฟรชหน้าเว็บ (กด F5)
4. ตรวจสอบการเชื่อมต่อฐานข้อมูล SQL Server
5. ลองปิดเบราว์เซอร์แล้วเปิดใหม่

---

### ❓ ข้อมูลที่กรอกหายไป?

**สาเหตุ:** ยังไม่ได้กดปุ่มบันทึก

**คำอธิบาย:**
- ข้อมูลที่กรอกในฟอร์มจะอยู่ในหน่วยความจำชั่วคราว
- ต้องคลิกปุ่ม "💾 บันทึกข้อมูลการตรวจสอบ" เพื่อบันทึกลงฐานข้อมูล
- หากรีเฟรชหน้าเว็บก่อนบันทึก ข้อมูลจะหายไป

**วิธีป้องกัน:**
- กรอกข้อมูลครบแล้วบันทึกทันที
- อย่ารีเฟรชหน้าเว็บก่อนบันทึก

---

### ❓ ภาษาไทยแสดงผลผิด (เป็นอักขระแปลกๆ)?

**สาเหตุ:** ปัญหา Character Encoding

**วิธีแก้:**
- ปัญหานี้แก้ไขแล้วโดยการตั้งค่า Thai collation (`Thai_CI_AS`) ในฐานข้อมูล
- หากยังพบปัญหา:
  1. รีสตาร์ทเซิร์ฟเวอร์ (ปิด Command Prompt แล้วเปิดใหม่)
  2. ตรวจสอบว่าฐานข้อมูลใช้ collation `Thai_CI_AS`
  3. ถ้ายังไม่หาย ติดต่อผู้ดูแลระบบ

---

### ❓ ต้องการเพิ่มอุปกรณ์ใหม่?

**วิธีการ:**

1. เปิดไฟล์ `equipment_registry.json` ด้วย Notepad หรือ Text Editor
2. เพิ่มข้อมูลตามรูปแบบนี้:

```json
{
  "equipmentId": "AC-006",
  "assetNumber": "AST-2024-006",
  "responsible": "ห้องประชุม B ชั้น 2",
  "brand": "Mitsubishi",
  "btuSize": "24000",
  "refrigerant": "R410A",
  "acType": "แบบตู้ตั้งพื้น",
  "powerType": "3 เฟส"
}
```

3. บันทึกไฟล์
4. รีสตาร์ทเซิร์ฟเวอร์
5. รีเฟรชหน้าเว็บ

---

### ❓ ต้องการแก้ไขข้อมูลอุปกรณ์?

**วิธีการ:**

1. เปิดไฟล์ `equipment_registry.json`
2. ค้นหา `equipmentId` ที่ต้องการแก้ไข
3. แก้ไขข้อมูลตามต้องการ
4. บันทึกไฟล์
5. รีสตาร์ทเซิร์ฟเวอร์

---

### ❓ เซิร์ฟเวอร์หยุดทำงานเอง?

**สาเหตุที่เป็นไปได้:**
1. ปิดหน้าต่าง Command Prompt โดยไม่ตั้งใจ
2. คอมพิวเตอร์เข้าสู่โหมดสลีป
3. มีข้อผิดพลาดในโปรแกรม
4. ไฟฟ้าดับ

**วิธีแก้:**
1. เปิดเซิร์ฟเวอร์ใหม่โดยดับเบิลคลิก `start_server.bat`
2. ตั้งค่าคอมพิวเตอร์ไม่ให้เข้าสลีป (ถ้าใช้งานตลอด)
3. ตรวจสอบข้อความ error ในหน้าต่าง Command Prompt

---

### ❓ ต้องการสำรองข้อมูล?

**วิธีการ:**

**1. สำรองฐานข้อมูล SQL Server:**
```sql
BACKUP DATABASE [AirConditioner_MA] 
TO DISK = 'C:\Backup\AirConditioner_MA.bak'
```

**2. สำรองไฟล์ JSON:**
- คัดลอกไฟล์ `equipment_registry.json`
- เก็บไว้ในที่ปลอดภัย (เช่น USB, Cloud)

**แนะนำ:** สำรองข้อมูลทุกสัปดาห์

---

### ❓ ต้องการเปลี่ยนพอร์ตเซิร์ฟเวอร์?

**วิธีการ:**

1. เปิดไฟล์ `server.js`
2. ค้นหาบรรทัด `const PORT = 3004;`
3. เปลี่ยนเป็นพอร์ตที่ต้องการ เช่น `const PORT = 8080;`
4. บันทึกไฟล์
5. รีสตาร์ทเซิร์ฟเวอร์
6. เปิดเบราว์เซอร์ที่ `http://localhost:8080`

---

## 📞 ติดต่อสอบถาม

หากมีปัญหาหรือข้อสงสัยเพิ่มเติม กรุณาติดต่อ:

- **ฝ่าย IT:** โทร. xxx-xxxx
- **Email:** support@company.com
- **Line:** @company_it

**เวลาทำการ:** จันทร์ - ศุกร์ 08:00 - 17:00 น.

---

## 📝 บันทึกการอัพเดท

| วันที่ | เวอร์ชัน | รายละเอียด |
|--------|----------|-----------|
| 05/02/2569 | 1.0 | เปิดใช้งานระบบครั้งแรก |
| - | - | แก้ไขปัญหา Thai encoding |
| - | - | เพิ่มตาราง 5 รายการล่าสุด (13 คอลัมน์) |

---

**จัดทำโดย:** ฝ่าย IT  
**ลิขสิทธิ์:** บริษัท ยิปมันเทค จำกัด  
**ปีที่จัดทำ:** 2569
